<div class="hbox hbox-auto-xs hbox-auto-sm" ng-init="app.settings.asideFolded = false; app.settings.asideDock = false;">
    <!-- main -->
    <div class="col">
        <!-- main header -->
        <div class="bg-light lter b-b wrapper-md">
            <div class="row">
                <div class="col-sm-6 col-xs-12">
                    <h1 class="m-n font-thin h3 text-black" translate="header.navbar.app"></h1>
                </div>
            </div>
        </div>
        <!-- / main header -->

        <div ng-class="isSmart?'':'wrapper-md'">

            <!-- stats -->
            <div class="row">

                <div class="col-md-6">
                    <div class="row row-sm">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <div class="clearfix">
                                                    <div class="clear">
                                                        <span class="badge bg-danger">{{taskSummary.total}}</span>
                                                        <span translate="header.navbar.tasks">Tasks</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="list-group no-radius alt" ng-if="taskSummary.total<=0">
                                                <a class="list-group-item" href>
                                                    <i class="fa fa-exclamation fa-fw text-muted"></i>
                                                    <span class="font-bold" translate="task.noTask">No Task</span>
                                                </a>
                                            </div>
                                            <div class="list-group no-radius alt" ng-if="taskSummary.total>0">
                                                <a class="list-group-item" href
                                                   ui-sref="app.process.service({service_Id:0, status:'waitpaid'})"
                                                   ng-if="taskSummary.pay>0">
                                                    <span class="badge bg-danger">{{taskSummary.pay}}</span>
                                                    <i class="fa fa-folder-o fa-fw text-muted"></i>
                                                    <span class="font-bold" translate="aside.nav.process.payment">Payment</span>
                                                </a>
                                                <a class="list-group-item" href
                                                   ui-sref="app.process.service({service_Id:0,status:'supplied'})"
                                                   ng-if="taskSummary.supplement>0">
                                                    <span class="badge bg-danger">{{taskSummary.supplement}}</span>
                                                    <i class="fa fa-folder-o fa-fw text-muted"></i>
                                                    <span class="font-bold" translate="business.patcase.supplement">To be supplied</span>
                                                </a>
                                                <a class="list-group-item" href ui-sref="app.process.filter"
                                                   ng-if="taskSummary.selection>0">
                                                    <span class="badge bg-danger">{{taskSummary.selection}}</span>
                                                    <i class="fa fa-folder-o fa-fw text-muted"></i>
                                                    <span class="font-bold"
                                                          translate="aside.nav.process.filter">Filter</span>
                                                </a>
                                                <a class="list-group-item" href ui-sref="app.process.diagnosis"
                                                   ng-if="taskSummary.diagnosis>0">
                                                    <span class="badge bg-danger">{{taskSummary.diagnosis}}</span>
                                                    <i class="fa fa-folder-o fa-fw text-muted"></i>
                                                    <span class="font-bold" translate="aside.nav.process.diagnosis">Diagnosis</span>
                                                </a>
                                                <a class="list-group-item" href ui-sref="app.process.accumulation"
                                                   ng-if="taskSummary.accumulation>0">
                                                    <span class="badge bg-danger">{{taskSummary.accumulation}}</span>
                                                    <i class="fa fa-folder-o fa-fw text-muted"></i>
                                                    <span class="font-bold" translate="aside.nav.process.accumulation">Accumulation</span>
                                                </a>
                                                <a class="list-group-item" href ui-sref="app.process.accumulation"
                                                   ng-if="taskSummary.opeCenTime>0">
                                                    <span class="badge bg-danger">{{taskSummary.opeCenTime}}</span>
                                                    <i class="fa fa-folder-o fa-fw text-muted"></i>
                                                    <span class="font-bold" translate="business.accumulation.operation">Accumulation</span>
                                                </a>
                                                <a class="list-group-item" href ui-sref="app.process.paymentOperation"
                                                   ng-if="taskSummary.payOperation>0">
                                                    <span class="badge bg-danger">{{taskSummary.payOperation}}</span>
                                                    <i class="fa fa-folder-o fa-fw text-muted"></i>
                                                    <span class="font-bold"
                                                          translate="aside.nav.process.paymentOperation">paymentOperation</span>
                                                </a>
                                                <a class="list-group-item" href
                                                   ui-sref="app.process.operation.businessmanager"
                                                   ng-if="taskSummary.confirmByBusiness>0">
                                                    <span class="badge bg-danger">{{taskSummary.confirmByBusiness}}</span>
                                                    <i class="fa fa-folder-o fa-fw text-muted"></i>
                                                    <span class="font-bold"
                                                          translate="business.servreq.confirm_Business">confirm by business manager</span>
                                                </a>
                                                <a class="list-group-item" href ui-sref="app.process.operation.doctor"
                                                   ng-if="taskSummary.confirmByCentDoc>0">
                                                    <span class="badge bg-danger">{{taskSummary.confirmByCentDoc}}</span>
                                                    <i class="fa fa-folder-o fa-fw text-muted"></i>
                                                    <span class="font-bold"
                                                          translate="business.servreq.confirm_CentDoc">confirm by doctor of center</span>
                                                </a>
                                                <a class="list-group-item" href ui-sref="app.process.operation.operator"
                                                   ng-if="taskSummary.confirmByOperator>0">
                                                    <span class="badge bg-danger">{{taskSummary.confirmByOperator}}</span>
                                                    <i class="fa fa-folder-o fa-fw text-muted"></i>
                                                    <span class="font-bold"
                                                          translate="business.servreq.confirm_Operator">confirm by operator</span>
                                                </a>
                                                <a class="list-group-item" href
                                                   ui-sref="app.process.operation.medicaladmin"
                                                   ng-if="taskSummary.operation>0">
                                                    <span class="badge bg-danger">{{taskSummary.operation}}</span>
                                                    <i class="fa fa-folder-o fa-fw text-muted"></i>
                                                    <span class="font-bold"
                                                          translate="business.servreq.confirm_MedicalAdmin">confirm by medical admin</span>
                                                </a>
                                                <a class="list-group-item" href ui-sref="app.process.finish"
                                                   ng-if="taskSummary.evaluation>0">
                                                    <span class="badge bg-danger">{{taskSummary.evaluation}}</span>
                                                    <i class="fa fa-folder-o fa-fw text-muted"></i>
                                                    <span class="font-bold" translate="aside.nav.process.evaluation">Evaluation</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6" ng-if="currentUser.isUnauthorized == false">
                    <div class="row row-sm text-center" ng-controller="DashboardSummaryController">
                        <div class="col-xs-6">
                            <div class="panel padder-v item">
                                <div class="h1 text-info font-thin h1">{{dashboardSummary.countOfSpecialist}}</div>
                                <span class="text-muted text-xs" translate="dashboard.specialist">Specialists</span>
                                <div class="top text-right w-full">
                                    <i class="fa fa-caret-down text-warning m-r-sm"></i>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="panel padder-v item">
                                <div class="h1 text-info font-thin h1">{{dashboardSummary.countOfSurgeon}}</div>
                                <span class="text-muted text-xs" translate="dashboard.surgeon">Surgeons</span>
                                <div class="top text-right w-full">
                                    <i class="fa fa-caret-down text-warning m-r-sm"></i>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <a href="#app/process/patcase" class="block panel padder-v bg-info item">
                                <span class="text-white font-thin h1 block">{{dashboardSummary.countOfPatient}}</span>
                                <span class="text-muted text-xs" translate="dashboard.patient">Patients</span>
                                <div class="top text-right w-full">
                                    <i class="fa fa-caret-down text-warning m-r-sm"></i>
                                </div>
                            </a>
                        </div>
                        <div class="col-xs-6" ng-if="currentUser.userRights.canMenuDataManager">
                            <a href="#app/basic/hospital/true" class="block panel padder-v bg-info item">
                                <span class="text-white font-thin h1 block">{{dashboardSummary.countOfOpeCent}}</span>
                                <span class="text-muted text-xs" translate="dashboard.opecent">Operation Centers</span>
                                <div class="top text-right w-full">
                                    <i class="fa fa-caret-down text-warning m-r-sm"></i>
                                </div>
                            </a>
                        </div>
                        <div class="col-xs-6" ng-if="dashboardSummary.countOfReferral > 0">
                            <a href ui-sref="app.process.service({service_Id:0,status:'all'})"
                               class="block panel padder-v bg-primary item">
                                <span class="text-white font-thin h1 block">{{dashboardSummary.countOfReferral}}</span>
                                <span class="text-muted text-xs" translate="dashboard.referral">Referral</span>
                                <div class="top text-right w-full">
                                    <i class="fa fa-caret-down text-warning m-r-sm"></i>
                                </div>
                            </a>
                        </div>
                        <div class="col-xs-6" ng-if="dashboardSummary.countOfReferral > 0">
                            <a href ui-sref="app.process.service({service_Id:0,status:'all'})"
                               class="block panel padder-v bg-primary item">
                                <span class="text-white font-thin h1 block">{{dashboardSummary.sumOfPaid}}</span>
                                <span class="text-muted text-xs" translate="dashboard.paidamount">Paid amount</span>
                                <div class="top text-right w-full">
                                    <i class="fa fa-caret-down text-warning m-r-sm"></i>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- / stats -->

        </div>
    </div>
    <!-- / main -->
</div>